<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>基础类型管理</title>
<%
	String sid = request.getParameter("secondMenuId");
	request.getSession().setAttribute("secondMenuId", sid);
%>
<%@include file="/jsp/include/common.jsp"%>
</head>
<body class="easyui-layout">
	<%@include file="/jsp/include/commonLayout.jsp"%>
	<div data-options="region:'center'">
		<!-- 数据表格  -->
		<table id="dataGrid"></table>
		<!-- 添加或编辑类型的弹出窗口 begin -->
		<div id="saveOrEditDlg" class="easyui-dialog"
			style="width: 500px; height: 300px; padding: 10px 10px" data-options="modal:true,closed:true,buttons:'#dlg-buttons'">
			<form id="saveOrEditForm" method="post">
				<table id="saveOrEditForm">
					<tr>
						<td style="text-align: right">类型名称:</td>
						<td><input id="name" name="name" class="easyui-textbox"></td>
						<td style="text-align: right">键值:</td>
						<td><input id="value" name="value" class="easyui-textbox"></td>
					</tr>
					<tr>
						<td style="text-align: right">组</td>
						<td><input id="status" name="value" class="easyui-textbox" ></td>
						<td style="text-align: right">类型</td>
						<td><input id="status" name="value" class="easyui-textbox" ></td>
					</tr>
					<tr>
						<td style="text-align: right">长度</td>
						<td><input id="status" name="value" class="easyui-textbox" ></td>
						<td style="text-align: right">单位</td>
						<td><input id="status" name="value" class="easyui-textbox" ></td>
					</tr>
					<tr>
						<td style="text-align: right">创建时间:</td>
						<td><input id="createtime" name="createtime" class="easyui-textbox"></td>
						<td style="text-align: right">是否加入对比:</td>
						<td><input id="iscompare" name="iscompare" class="easyui-textbox" ></td>
					</tr>
					<tr>
						<td style="text-align: right">状态:</td>
						<td><input id="status" name="status" class="easyui-textbox" ></td>
						<td></td>
						<td></td>
					</tr>
				</table>
			</form>
		</div>
		<div id="dlg-buttons">
			<a class="easyui-linkbutton" iconCls="icon-ok"
				onclick="saveOrEditUser()">保存</a> <a class="easyui-linkbutton"
				iconCls="icon-cancel"
				onclick="javascript:$('#saveOrEditDlg').dialog('close')">取消</a>
		</div>
		<!-- 添加或编辑类型的弹出窗口 end -->
		
		<!-- 详细属性列表 -->
		<div id="detailTypeWindow" class="easyui-window" data-options="title:'详细属性列表',closed:true,modal:true,width:900,height:500">
			<table id="detailTypeTable"></table>
		</div>
		
		<!-- 添加或编辑类型的弹出窗口 begin -->
		<div id="saveOrEditTypeDlg" class="easyui-dialog"
			style="width: 500px; height: 200px; padding: 10px 10px" data-options="modal:true,closed:true,buttons:'#dlgType-buttons'">
			<form id="saveOrEditTypeForm" method="post">
				<table id="saveOrEditTypeTable">
					<tr>
						<td style="text-align: right">类型名称:</td>
						<td><input id="name" name="name" class="easyui-textbox"></td>
						<td style="text-align: right">创建时间:</td>
						<td><input id="createtime" name="createtime" class="easyui-textbox"></td>
					</tr>
					
					<tr>
						<td style="text-align: right">是否加入对比:</td>
						<td><input id="iscompare" name="iscompare" class="easyui-textbox" ></td>
						<td style="text-align: right">状态:</td>
						<td><input id="status" name="status" class="easyui-textbox" ></td>
					</tr>
				</table>
			</form>
		</div>
		<div id="dlgType-buttons">
			<a class="easyui-linkbutton" iconCls="icon-ok"
				onclick="saveOrEditUser()">保存</a> <a class="easyui-linkbutton"
				iconCls="icon-cancel"
				onclick="javascript:$('#saveOrEditTypeDlg').dialog('close')">取消</a>
		</div>
		<!-- 添加或编辑类型的弹出窗口 end -->
	</div>
</body>
<script type="text/javascript">
	$(document).ready(function() {
		// 初始化表格
		var dataGrid = $('#dataGrid').datagrid({
			rownumbers : true,	//如果为true，则显示一个行号列
			fitColumns : true,	//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动
			collapsible : true,	//定义是否显示可折叠按钮
			title : '基础类型管理',	//在面板头部显示的标题文本
			pagination : true,	//如果为true，则在DataGrid控件底部显示分页工具栏
			pagePosition : 'bottom',	//定义分页工具栏的位置
			method : 'post', //该方法类型请求远程数据
			url : getRootPath() + '/template/basicManager/json/basicTypeData.json',	//一个URL从远程站点请求数据 zsq
			singleSelect : false,//只能选一行
			striped : true, //数据条纹显示
			remoteFilter : true,	//设置为true时，启用远程过滤
			filterDelay : 1000,		//延迟过滤 'text' 过滤器组件中最后一次键盘输入事件
			filterStringify : function(data) {	//字符串化过滤器规则的函数
				return JSON.stringify(data);
			},
			frozenColumns : [ [ {//不可被删除的列
				field : 'ck',	//列字段名称
				checkbox : true	//如果为true，则显示复选框
			} ] ],
			columns : [ [ {
				
				field : 'name',
				title : '类型名称',
				width : 100,
				sortable : true	//如果为true，则允许列使用排序
			},  {
				field : 'createtime',
				title : '创建时间',
				width : 100
			},{
				field : 'iscompare',
				title : '是否加入对比',
				width : 100
			}, {
				field : 'status',
				title : '状态',
				width : 100
			} ] ],
			onDblClickRow : function(rowIndex, rowData){
				$("#detailTypeWindow").window('open');
				//详细属性列表 ---------------------------------------------------------------------------begin
				$('#detailTypeTable').datagrid({
					fit : true,
					rownumbers : true,	//如果为true，则显示一个行号列
					fitColumns : true,	//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动
					collapsible : true,	//定义是否显示可折叠按钮
					pagination : true,	//如果为true，则在DataGrid控件底部显示分页工具栏
					pagePosition : 'bottom',	//定义分页工具栏的位置
					method : 'post', //该方法类型请求远程数据
					url : getRootPath() + '/template/basicManager/json/basicTypeManager.json',	//一个URL从远程站点请求数据 zsq
					singleSelect : false,//只能选一行
					striped : true, //数据条纹显示
					remoteFilter : true,	//设置为true时，启用远程过滤
					filterDelay : 1000,		//延迟过滤 'text' 过滤器组件中最后一次键盘输入事件
					filterStringify : function(data) {	//字符串化过滤器规则的函数
						return JSON.stringify(data);
					},
					frozenColumns : [ [ {//不可被删除的列
						field : 'ck',	//列字段名称
						checkbox : true	//如果为true，则显示复选框
					} ] ],
					columns : [ [ {
						field : 'id',
						title : 'id',
						width : 10,
						hidden : true,
						sortable : true	//如果为true，则允许列使用排序
					},{
						
						field : 'name',
						title : '类型名称',
						width : 100,
						sortable : true	//如果为true，则允许列使用排序
					},  {
						field : 'valuetype',
						title : '校验类型',
						width : 50
					},  {
						field : 'length',
						title : '长度',
						width : 50
					},  {
						field : 'unit',
						title : '单位',
						width : 50
					},  {
						field : 'createtime',
						title : '创建时间',
						width : 50
					},{
						field : 'iscompare',
						title : '是否加入对比',
						width : 50
					}, {
						field : 'status',
						title : '状态',
						width : 50
					} ] ],
					onDblClickRow : function(rowIndex, rowData){
						$("#detailTypeWindow").window('open');
					},
					toolbar : [{	//顶部工具栏的DataGrid面板
						text : '添加',
						iconCls : 'icon-add',
						handler : function(){
							$('#saveOrEditDlg').dialog('open').dialog('setTitle', '新建属性');
							$('#saveOrEditForm').form('clear');
						}
					},{
						text : '编辑',
						iconCls : 'icon-edit',
						handler : function(){
							$("#userid").textbox('disableValidation');
							var rows = $('#detailTypeTable').datagrid('getSelections');
							if (rows.length == 0) {
								$.messager.alert('提示', '请选择修改项', 'info');
								return;
							} else if (rows.length > 1) {
								$.messager.alert('提示', '只能选择一项', 'info');
								return;
							}
							if (rows) {
								$('#saveOrEditDlg').dialog('open').dialog('setTitle', '编辑属性信息');
								$('#saveOrEditForm').form('load', rows[0]);
								/* $.ajax({
									type : 'post',
									async : false,
									url : getRootPath() + '/UserinfoController/findUserifo.do',
									data : rows[0],
									success : function(result) {
										$('#saveOrEditForm').form('load', result);
									},
									dataType : 'json'
								}); */
							}
						}
					},{
						text : '删除',
						iconCls : 'icon-remove',
						handler : function(){
							var rows = $('#detailTypeTable').datagrid('getSelections');
							if (rows.length == 0) {
								$.messager.alert('提示', '请选择删除项', 'info');
								return;
							}

							var oids = [];
							for (var i = 0; i < rows.length; i++) {
								oids.push(rows[i].oid);
							}

							oids = oids.join('-');

							$.messager.confirm('确认', '确定要删除选中的信息吗?', function(r) {
								if (r) {
									$.post(getRootPath() + '/UserinfoController/removeUser.do', {
										'oids' : oids
									}, function(result) {
										//result = $.parseJSON(result);
										if (result.successful) {
											$('#detailTypeTable').datagrid('reload'); // reload the user data
										} 
										$.messager.show(result);
									}, 'json');
								}
							});
						}
					}]
			
				});

				$('#detailTypeTable').datagrid('enableFilter');
				//详细属性列表 ---------------------------------------------------------------------------end
			},
			toolbar : [{	//顶部工具栏的DataGrid面板
				text : '添加',
				iconCls : 'icon-add',
				handler : function(){
					$('#saveOrEditTypeDlg').dialog('open').dialog('setTitle', '新建基本类型');
					$('#saveOrEditTypeForm').form('clear');
				}
			},{
				text : '编辑',
				iconCls : 'icon-edit',
				handler : function(){
					var rows = $('#dataGrid').datagrid('getSelections');
					if (rows.length == 0) {
						$.messager.alert('提示', '请选择修改项', 'info');
						return;
					} else if (rows.length > 1) {
						$.messager.alert('提示', '只能选择一项', 'info');
						return;
					}
					if (rows) {
						$('#saveOrEditTypeDlg').dialog('open').dialog('setTitle', '编辑类型信息');
						$('#saveOrEditTypeForm').form('load', rows[0]);
						/* $.ajax({
							type : 'post',
							async : false,
							url : getRootPath() + '',
							data : rows[0],
							success : function(result) {
								$('#saveOrEditTypeForm').form('load', result);
							},
							dataType : 'json'
						}); */
					}
				}
			},{
				text : '删除',
				iconCls : 'icon-remove',
				handler : function(){
					var rows = $('#dataGrid').datagrid('getSelections');
					if (rows.length == 0) {
						$.messager.alert('提示', '请选择删除项', 'info');
						return;
					}

					var oids = [];
					for (var i = 0; i < rows.length; i++) {
						oids.push(rows[i].oid);
					}

					oids = oids.join('-');

					$.messager.confirm('确认', '确定要删除选中的信息吗?', function(r) {
						if (r) {
							$.post(getRootPath() + '', {
								'oids' : oids
							}, function(result) {
								if (result.successful) {
									$('#dataGrid').datagrid('reload'); // reload the user data
								} 
								$.messager.show(result);
							}, 'json');
						}
					});
				}
			}]
	
		});

		dataGrid.datagrid('enableFilter');
	});

	// 保存用户
	function saveOrEdit() {
		$('#saveOrEditForm').form('submit', {
			url : getRootPath() + '',
			onSubmit : function() {
				return $(this).form('validate');
			},
			success : function(result) {
				result = $.parseJSON(result);
				if (result.successful) {
					$('#dataGrid').datagrid('reload'); // reload the user data
				} 
				$('#saveOrEditDlg').dialog('close'); // close the dialog
				$.messager.show(result);
			}
		});
	}
</script>
</html>
